<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div id="top">
        <div class="container">
            <div class="left">
                <a href="#" class="logo"><img src="images/logo.png" alt=""></a>
                <span>
					<img src="images/img_01.jpg" alt="">
					<a href="#"><img src="images/img_02.jpg" alt=""></a>
				</span>
            </div>
            <div class="right">
                <h3 class="text1"><a href="#">成长守护平台</a></h3>
                <h3 class="text2">
                    <span>腾讯游戏排行榜</span>
                    <iframe src="https://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.6661277254715121" width="708" height="582" frameborder="0"></iframe>
                </h3>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <div id="nav">
        <div class="container">
            <div class="title">
                <a href="#"><img src="images/logo2.png" alt=""></a>
                <h1>和平精英<span>腾讯自研军事竞赛体验手游</span></h1>
            </div>
            <ul>
                <li><a href="#">版本资讯</a></li>
                <li><a href="#">新增玩法</a></li>
                <li><a href="#">新增场景</a></li>
                <li><a href="#">新增道具</a></li>
                <li><a href="#">新增内容</a></li>
                <li><a href="#">系统优化</a></li>
                <li><a href="#">游戏特色</a></li>
            </ul>
        </div>
    </div>

    <!-- 首屏 -->
    <div id="section1">
        <div class="container">
            <a href="#" class="btn">进入官网</a>
            <div class="video">
                <div class="play">
                    <a href="#"><img src="images/img_03.jpg" alt=""></a>
                </div>
                <img src="images/downqrcode.jpg" alt="" class="erweima">
                <div class="down">
                    <a href="#"><img src="images/ios.png" alt=""></a>
                    <a href="#"><img src="images/and.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>

    <!-- 视频弹出框 -->
    <div class="dialog">
        <div class="movie">
            <!-- 以下为视频的代码，这个是从第三方视频网站里拷贝的 -->
            <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=y3023hikn7h" allowFullScreen="true" width="1046" height="640"></iframe>
        </div>
        <div class="colseBtn"></div>
    </div>
    <div class="shadow"></div>

    <!-- 版本咨询 -->
    <div id="section2">
        <h2>版本咨询</h2>
        <div class="container">
            <ul class="tabBtn tabList">
                <!-- 最外层选项卡的按钮 -->
                <li class="active">最新活动</li>
                <li>商城新品</li>
            </ul>
            <div class="tabContent con">
                <!-- 最外层选项卡的内容 -->
                <div class="active subTab_1">
                    <!-- 最新活动的选项卡 -->
                    <ul class="tabBtn">
                        <!-- 最新活动的按钮 -->
                        <li class="active">抢占据点</li>
                        <li>烤鸡大师</li>
                    </ul>
                    <div class="tabContent">
                        <!-- 最新活动的内容 -->
                        <div class="active">
                            <!-- 抢占据点的内容  -->
                            <img src="images/img_04.jpg" alt="">
                            <div class="text">
                                <h3>11月22日-11月29日</h3>
                                <p>活动期间，活动页面内每日首次占领任意据点可抽奖1次，传递给好友捷报前5名打开均可抽奖1次，有机会赢取永久深海格斗者套装，每日游戏内参与占点竞技更有累计奖励。</p>
                            </div>
                        </div>
                        <div>
                            <!-- 烤鸡大师的内容 -->
                            <img src="images/img_05.jpg" alt="">
                            <div class="text">
                                <h3>11月27日-12月8日</h3>
                                <p>活动期间，通过完成日常任务收集“干柴”和“鸡”来制作烤鸡。每烤一份烤鸡，需要消耗一只鸡和多份干柴。每进行一次烤制，将消耗一份干柴，直至把鸡烤熟或烤焦，才会消耗下一只鸡。活动共有9个彩蛋勋章，收集任意6个彩蛋勋章可以激活烤鸡大师游戏称号（限时）。获得一定数量的烤鸡，可以兑换“阳光火鸡套装”。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="subTab_2">
                    <!-- 商城新品选项卡 -->
                    <ul class="tabBtn">
                        <li class="active">
                            <img src="images/edition_01.png" alt="">
                            <p>未来战士-套装</p>
                        </li>
                        <li>
                            <img src="images/edition_02.png" alt="">
                            <p>M24未来战士</p>
                        </li>
                        <li>
                            <img src="images/edition_03.png" alt="">
                            <p>S686未来战士</p>
                        </li>
                        <li>
                            <img src="images/edition_04.png" alt="">
                            <p>Scar-L未来战士</p>
                        </li>
                    </ul>
                    <div class="tabContent">
                        <div class="active">
                            <img src="images/edition_05.png" alt="">
                            <p>未来战士-套装</p>
                        </div>
                        <div>
                            <img src="images/edition_02_big.png" alt="">
                            <p>M24未来战士</p>
                        </div>
                        <div>
                            <img src="images/edition_03_big.png" alt="">
                            <p>S686未来战士</p>
                        </div>
                        <div>
                            <img src="images/edition_04_big.png" alt="">
                            <p>Scar-L未来战士</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 新增玩法 -->
    <div id="section3" class="public">
        <h2>新增玩法</h2>
        <div class="container">
            <div class="wrap">
                <ul>
                    <li>
                        <img src="images/pic_01.png" alt="">
                        <div class="text">
                            <h3>1创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_02.png" alt="">
                        <div class="text">
                            <h3>2创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_03.png" alt="">
                        <div class="text">
                            <h3>3创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_04.png" alt="">
                        <div class="text">
                            <h3>4创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="btn">
                <button class="prev"></button>
                <button class="next"></button>
            </div>
            <div class="circle">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- 新增场景 -->
    <div id="section4">
        <h2>新增场景</h2>
        <ul>
            <li class="active">
                <img src="images/section4_small_01.png" alt="">
                <p>团竞小镇</p>
            </li>
            <li>
                <img src="images/section4_small_02.png" alt="">
                <p>暮色小镇</p>
            </li>
            <li>
                <img src="images/section4_small_03.png" alt="">
                <p>旋转木马</p>
            </li>
            <li>
                <img src="images/section4_small_04.png" alt="">
                <p>超级武器箱</p>
            </li>
            <li>
                <img src="images/section4_small_05.png" alt="">
                <p>停机坪</p>
            </li>
        </ul>
        <div class="bottom"></div>
    </div>

    <!-- 新增枪械 -->
    <div id="section5" class="public">
        <h2>新增枪械/载具</h2>
        <div class="container">
            <div class="wrap">
                <ul>
                    <li>
                        <img src="images/img_06.png" alt="">
                        <div class="text">
                            <h3>直升机</h3>
                            <p>火力对决模式专属载具，可搭载8人的飞行载具，其中机舱外部四个位置支持使用武器射击。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_02.png" alt="">
                        <div class="text">
                            <h3>2创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_03.png" alt="">
                        <div class="text">
                            <h3>3创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="images/pic_04.png" alt="">
                        <div class="text">
                            <h3>4创意工坊 -火力对决</h3>
                            <p>创意工坊-火力对决：在经典竞赛基础上，增加飞行载具直升机体验陆空作战，争夺超级武器箱感受重火力武器的威力，并可以使用通讯塔召回被淘汰的队友，全新玩法，火力升级，激爽翻倍！火力对决模式不计入排位分数。
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="btn">
                <button class="prev"></button>
                <button class="next"></button>
            </div>
            <div class="circle">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- 新增内容 -->
    <div id="section6">
        <h2>新增内容</h2>
        <ul>
            <li>
                <img src="images/img_06.jpg" alt="">
                <h3>淘汰回放系统</h3>
                <p>战斗内，己方队伍全部被淘汰后，在结算界面可以查看自己被淘汰前的视频片段，便于玩家了解自己被淘汰的全过程。目前该功能仅在部分机型中开放，需要在基础设置中开启才能体验，未来将逐步开放更多机型，敬请期待。
                </p>
            </li>
            <li>
                <img src="images/img_07.jpg" alt="">
                <h3>组队大厅</h3>
                <p>新增“组队大厅”功能，该功能入口位于组队界面右下角，等级达到10级的玩家可以使用。玩家可以发布自己的队伍等待满足条件的玩家入队，也可以在这里选择适合的队伍加入。</p>
            </li>
            <li>
                <img src="images/img_08.jpg" alt="">
                <h3>移动使用药品</h3>
                <p>玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带（当玩家使用绷带回复血量时，绷带可以自动连续使用）、全能医疗箱、肾上腺素，使用过程中移动速度会下降。</p>
            </li>
        </ul>
    </div>

    <!-- 系统优化 -->
    <div id="section7">
        <h2>系统优化</h2>
        <ul>
            <li class="active">
                <h3>
                    <p>经典模式体验优化</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>

            <li>
                <h3>
                    <p>团队竞技体验优化</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>

            <li>
                <h3>
                    <p>暗夜危机体验优化</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>

            <li>
                <h3>
                    <p>队友召回模式优化</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>

            <li>
                <h3>
                    <p>赛季战斗平衡性调整</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>

            <li>
                <h3>
                    <p>新增功能及优化</p>
                </h3>
                <div>
                    <p>
                        ●UZI冲锋枪新增上部导轨，可支持装配瞄具：红点瞄准镜和全息瞄准镜；<br> ●十字弩新增弹道轨迹特效；
                        <br> ●经典载具-越野车和轿车模型全新升级，给您更加原汁原味的体验；
                        <br> ●水陆两栖装甲车优化：当车上已有玩家时，只有队友可以上车，其他队伍的玩家无法再上车；
                        <br> ●玩家可以在移动过程中使用药品，药品包括：急救包、止痛药、能量饮料、绷带、全能医疗箱、肾上腺素，使用过程中移动速度会下降；
                        <br> ●当玩家使用绷带回复血量时，绷带可以自动连续使用；
                        <br>
                    </p>
                </div>
            </li>
        </ul>
    </div>

    <!-- 游戏特色 -->
    <div id="section8" class="public">
        <h2>游戏特色</h2>
        <div class="container">
            <div class="wrap">
                <ul>
                    <li data-id=0><img src="images/section8_pic_img1.png" alt="">
                    </li>
                    <li data-id=1><img src="images/section8_pic_img2.png" alt=""></li>
                    <li data-id=2><img src="images/section8_pic_img3.png" alt=""></li>

                    <li data-id=3><img src="images/section8_pic_img4.png" alt=""></li>
                    <li data-id=4><img src="images/section8_pic_img5.png" alt=""></li>
                    <li data-id=5><img src="images/section8_pic_img6.png" alt=""></li>
                    <li data-id=6><img src="images/section8_pic_img7.png" alt=""></li>
                    <li data-id=7><img src="images/section8_pic_img8.png" alt=""></li>
                    <li data-id=8><img src="images/section8_pic_img9.png" alt=""></li>
                    <li data-id=9><img src="images/section8_pic_img10.png" alt=""></li>
                </ul>
            </div>
            <div class="btn">
                <button class="prev"></button>
                <button class="next"></button>
            </div>
            <div class="circle">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- footer -->
    <footer id="footer">
        <div class="container">
            <div class="footLeft">
                <div class="logo">
                    <a href="#"><img src="images/foot-dark.png" alt=""></a>
                    <a href="#"><img src="images/foot-logo3.png" alt=""></a>
                </div>
                <ul>
                    <li>抵制不良游戏</li>
                    <li>拒绝盗版游戏</li>
                    <li>注意自我保护</li>
                    <li>谨防受骗上当</li>
                    <li>适度游戏益脑</li>
                    <li>沉迷游戏伤身</li>
                    <li>合理安排时间</li>
                    <li>享受健康生活</li>
                </ul>
            </div>
            <div class="footRight">
                <p>
                    <a href="#">腾讯互动娱乐</a> | <a href="#">服务条款</a> | <a href="#">隐私保护指引</a> | <a href="#">儿童隐私保护指引</a> |
                    <a href="#">腾讯游戏招聘</a> | <a href="#">腾讯游戏客服</a> | <a href="#">游戏列表</a> | <a href="#">广告服务及商务合作</a>
                </p>
                <p>COPYRIGHT &copy; 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p>
                    <a href="#">
                        <img src="images/gswj.png" width="15" height="15">
                        <span>工商网监电子标识</span>
                    </a> |
                    <a href="#">粤网文[2017]6138-1456号</a> | <a href="#">（总）网出证（粤）字第057号</a>
                </p>
                <p>
                    国新出审[2019]1394号 | ISBN 978-7-498-06474-5 | 全国文化市场统一举报电话：12318
                </p>
            </div>
        </div>
    </footer>

    <script src="js/index.js"></script>
</body>

</html>